<%-- 
    Document   : history
    Created on : Jul 6, 2013, 10:32:50 PM
    Author     : ASUS K43E
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Members | Lafitte</title>
        <link rel="shortcut icon" href="./images2/logo.jpg">

        <style>
            body{
                background-image: url(images2/Untitled.jpg);
                background-repeat: no-repeat;
                background-color: black;
            }
            .container[role="main"] {
                padding-bottom: 60px;
            }
            .bottombar {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
            }
        </style>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span4"></div>
                <div class="span6" align="center">
                    <jsp:include page="menubar.jsp"/>
                    <h2><font face="Algerian" style="color: white">Transaction History</font></h2>
                    <table>
                        <tr>
                            <td style="color: white">Accumulated points</td>
                            <td style="color: white"><input type="text" name="txtPoint" value="${USERLIST.point}" readonly="readonly" /></td>
                        </tr>
                        <tr>
                            <td style="color: white">Card type</td>
                            <td style="color: white"><input type="text" name="txtType" value="${USERLIST.rank}" readonly="readonly" /></td>
                        </tr>
                    </table>
                    <c:if test="${not empty HISLIST}">
                        <table class="table">
                            <tr>
                                <th style="color: white" align="center">No.</th>
                                <th style="color: white" align="center">Date</th>
                                <th style="color: white" align="center">Amount ($$$)</th>
                                <th style="color: white" align="center">Point(s)</th>
                            </tr>
                            <c:forEach var="item" items="${HISLIST}" varStatus="counter">
                                <tr>
                                    <td style="color: white" align="center">${counter.count}</td>
                                    <td style="color: white" align="center"></td>
                                    <td style="color: white" align="center">${item.payment}</td>
                                    <td style="color: white" align="center">${item.point}</td>
                                </tr>
                            </c:forEach>
                        </table>
                    </c:if>
                </div>
                <div class="span2"></div>
            </div>
        </div>
        <div class="bottombar">
            <div class="bottom-inner">
                <div class="container">
                    <jsp:include page="footer.jsp" flush="" />
                </div>
            </div>
        </div>
    </body>
</html>
